<script setup>
const props = defineProps({
  text: {
    type: String,
    default: '00'
  }
})
</script>

<template>
  <div class="flex justify-center items-center my-[10px]">
    <div class="w-[30px] h-[30px] border border-[#333] text-center leading-[30px] font-bold box-border z-10 text-[17px]">{{ props.text }}</div>
    <div class="w-[30px] h-[30px] bg-[#ffc000] -ml-[26px] -mt-[7px] overflow-hidden"></div>
  </div>
</template>

<style scoped>

</style>
